@tailwind base;
@tailwind components;
@tailwind utilities;
@plugin "daisyui";

/* 全局样式 */
html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
  margin: 0;
  padding: 0;
}

#app {
  min-height: 100vh;
}

/* 禁用文本选择和光标 */
.no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default;
}

/* 全局应用到所有非输入元素 */
h1, h2, h3, h4, h5, h6, p, span, div, a, button, label {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default;
}

/* 保留输入框和文本区域的光标 */
input, textarea, [contenteditable="true"] {
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  cursor: text;
}

/* 移动端样式调整 */
@media (max-width: 768px) {
  /* 按钮与文本转换标题换行 */
  .text-converter-title {
    display: block;
    margin-bottom: 1rem;
  }

  /* 最后三个按钮文字不换行，按钮可以换行 */
  .action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .action-buttons button {
    white-space: nowrap;
  }
}